<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>project</title>
    <link rel="stylesheet" href="css/project.css">
    <link rel="stylesheet" href="css/clear.css">
    <link rel="stylesheet" href="css/common.css">
</head>

<body>
    <div class="head">
        <div class="head-c core">
            <img src="img/logo.png" alt="">
            <ul class="list0">
                <li><a href="index.html">首页</a>
                    <span class="line"></span>
                </li>
                <li class="active"><a href="project.html">项目</a>
                    <span class="line"></span>
                </li>
                <li><a href="product.html">产品</a>
                    <span class="line"></span>
                </li>
                <li><a href="serve.html">服务</a>
                    <span class="line"></span>
                </li>
                <li><a href="news.html">新闻</a>
                    <span class="line"></span>
                </li>
                <li><a href="about.html">关于</a>
                    <span class="line"></span>
                </li>
            </ul>
        </div>
    </div>
    <!-- -------------------开头大图---------- -->
    <div class="top-pic">
    </div>
    <!------------------------家居标签----------------------------- -->
    <div class="home" id="home">
        <div class="title">
            <div class="l">
                <span class="black-text">您的位置：项目 ></span>
                <span class="blue-text"> 项目展示</span>
            </div>
            <div class="r">
                <div class="item active">
                    <a href="#home">家居</a>
                    <div class="line"></div>
                </div>
                <div class="ver-line"></div>
                <div class="item">
                    <a href="#work">办公</a>
                    <div class="line"></div>
                </div>
                <div class="ver-line"></div>
                <div class="item">
                    <a href="#cater">餐饮</a>
                    <div class="line"></div>
                </div>
                <div class="ver-line"></div>
                <div class="item">
                    <a href="#more">MORE</a>
                    <div class="line"></div>
                </div>
            </div>

        </div>
        <!-- 6个卡片 -->
        <div class="list">
            <!-- 每一个分别制作 -->
            <div class="card">
                <img src="./img/project/a1.jpg" alt="" class="pic">
                <h2>Marylebone公寓室内改造 上海</h2>
                <p>木隔墙创造出简约的生活空间</p>
                <img src="./img/project/icon.png" alt="" class="icon">
            </div>
            <div class="card">
                <img src="./img/project/a2.jpg" alt="" class="pic">
                <h2>月见棱廓 北京</h2>
                <p>舒适而注重情感交流的小住宅</p>
                <img src="./img/project/icon.png" alt="" class="icon">
            </div>
            <div class="card margin-r-0">
                <img src="./img/project/a3.jpg" alt="" class="pic">
                <h2>亭仔脚 台北</h2>
                <p>生活记忆的延续</p>
                <img src="./img/project/icon.png" alt="" class="icon">
            </div>
            <div class="card">
                <img src="./img/project/a4.jpg" alt="" class="pic">
                <h2>藏式民居改造 拉萨</h2>
                <p>兼顾藏族传统精神生活的现代住宅</p>
                <img src="./img/project/icon.png" alt="" class="icon">
            </div>
            <div class="card">
                <img src="./img/project/a5.jpg" alt="" class="pic">
                <h2>白虎头村老宅改造 北京</h2>
                <p>老宅，院落，远山</p>
                <img src="./img/project/icon.png" alt="" class="icon">
            </div>
            <div class="card margin-r-0">
                <img src="./img/project/a6.jpg" alt="" class="pic">
                <h2>Florentine公寓 杭州</h2>
                <p>两种色调与两种氛围的居住空间</p>
                <img src="./img/project/icon.png" alt="" class="icon">
            </div>
        </div>
    </div>
    <!-- -------------------办公标签--------------------------- -->
    <div class="work" id="work">
        <div class="title">
            <div class="l">
                <span class="black-text">您的位置：项目 ></span>
                <span class="blue-text"> 项目展示</span>
            </div>
            <div class="r">
                <div class="item">
                    <a href="#home">家居</a>
                    <div class="line"></div>
                </div>
                <div class="ver-line"></div>
                <div class="item active">
                    <a href="#work">办公</a>
                    <div class="line"></div>
                </div>
                <div class="ver-line"></div>
                <div class="item">
                    <a href="#cater">餐饮</a>
                    <div class="line"></div>
                </div>
                <div class="ver-line"></div>
                <div class="item">
                    <a href="#more">MORE</a>
                    <div class="line"></div>
                </div>
            </div>

        </div>
        <div class="list">
            <!-- 每一个分别制作 -->
            <div class="card">
                <img src="./img/project/b1.jpg" alt="" class="pic">
                <h2>Olste办公空间 深圳</h2>
                <p>干净明亮的办公空间</p>
                <img src="./img/project/icon.png" alt="" class="icon">
            </div>
            <div class="card">
                <img src="./img/project/b2.jpg" alt="" class="pic">
                <h2>百分金融办公室 北京</h2>
                <p>“私密”到“开放”</p>
                <img src="./img/project/icon.png" alt="" class="icon">
            </div>
            <div class="card margin-r-0">
                <img src="./img/project/b3.jpg" alt="" class="pic">
                <h2>感物办公空间 杭州</h2>
                <p>我和我的森林性感受</p>
                <img src="./img/project/icon.png" alt="" class="icon">
            </div>
        </div>
    </div>
    <!-------------------------- 餐饮----------------------------- -->
    <div class="cater" id="cater">
        <div class="title">
            <div class="l">
                <span class="black-text">您的位置：项目 ></span>
                <span class="blue-text"> 项目展示</span>
            </div>
            <div class="r">
                <div class="item">
                    <a href="#home">家居</a>
                    <div class="line"></div>
                </div>
                <div class="ver-line"></div>
                <div class="item">
                    <a href="#work">办公</a>
                    <div class="line"></div>
                </div>
                <div class="ver-line"></div>
                <div class="item active">
                    <a href="#cater">餐饮</a>
                    <div class="line"></div>
                </div>
                <div class="ver-line"></div>
                <div class="item">
                    <a href="#more">MORE</a>
                    <div class="line"></div>
                </div>
            </div>

        </div>
        <div class="list">
            <!-- 每一个分别制作 -->
            <div class="card">
                <img src="./img/project/c1.jpg" alt="" class="pic">
                <h2>肯德基西安大雁塔店 西安</h2>
                <p>以现代语言讲述古城历史文化</p>
                <img src="./img/project/icon.png" alt="" class="icon">
            </div>
            <div class="card">
                <img src="./img/project/c2.jpg" alt="" class="pic">
                <h2>La Palma餐厅 重庆 </h2>
                <p>将加州海滩元素融入意式餐厅</p>
                <img src="./img/project/icon.png" alt="" class="icon">
            </div>
            <div class="card margin-r-0">
                <img src="./img/project/c3.jpg" alt="" class="pic">
                <h2>LUCKY PIGGY 杭州</h2>
                <p>亲和力满满的轻食餐厅</p>
                <img src="./img/project/icon.png" alt="" class="icon">
            </div>
        </div>
    </div>
    <!--------------------------------- MORE----------------------------- -->
    <div class="more" id="more">
        <div class="title">
            <div class="l">
                <span class="black-text">您的位置：项目 ></span>
                <span class="blue-text"> 项目展示</span>
            </div>
            <div class="r">
                <div class="item">
                    <a href="#home">家居</a>
                    <div class="line"></div>
                </div>
                <div class="ver-line"></div>
                <div class="item">
                    <a href="#work">办公</a>
                    <div class="line"></div>
                </div>
                <div class="ver-line"></div>
                <div class="item">
                    <a href="#cater">餐饮</a>
                    <div class="line"></div>
                </div>
                <div class="ver-line"></div>
                <div class="item active">
                    <a href="#more">MORE</a>
                    <div class="line"></div>
                </div>
            </div>

        </div>
        <div class="list">
            <!-- 每一个分别制作 -->
            <div class="card">
                <img src="./img/project/d1.jpg" alt="" class="pic">
                <h2>筑蹊生活主题书店 宁波</h2>
                <p>有机几何与循环路径的购书体验</p>
                <img src="./img/project/icon.png" alt="" class="icon">
            </div>
            <div class="card">
                <img src="./img/project/d2.jpg" alt="" class="pic">
                <h2>R FITNESS健身工作室 香港</h2>
                <p>由光定义的空间</p>
                <img src="./img/project/icon.png" alt="" class="icon">
            </div>
            <div class="card margin-r-0">
                <img src="./img/project/d3.jpg" alt="" class="pic">
                <h2>月饼博物馆 乌兰察布</h2>
                <p>一个本地材料营造的低成本博物馆</p>
                <img src="./img/project/icon.png" alt="" class="icon">
            </div>
        </div>
    </div>
    <!---------------------- 结尾-------------------- -->
    <div class="end">
        <ul class="end-core">
            <li class="item item1">
                <p>简设装饰有限公司</p>
                <div class="icon">
                    <img src="img/wb.png" alt="">
                    <img src="img/wx.png" alt="">
                    <img src="img/qq.png" alt="">
                </div>
            </li>
            <div class="line"></div>
            <li class="item item2">
                <p>地址：中国地区**分区6号写字楼888室</p>
                <p>电话：688-88 88-008</p>
                <p>传真：000-66668888</p>
            </li>
            <div class="line"></div>
            <li class="item item3">
                <p>邮编：100000 </p>
                <p>手机：186-6006-8008"</p>
                <p>邮箱：00060008@163.com</p>
            </li>
        </ul>
    </div>
</body>

</html>